<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="format-detection" content="telephone=no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<link href="css/SYSFrame.css" rel="stylesheet" type="text/css" />
		<link href="font/iconfont.css" rel="stylesheet" type="text/css" />
		<link href="css/module.css" rel="stylesheet" type="text/css" />
		<link href="css/pages.css" rel="stylesheet" type="text/css" />
		<title>订单详细</title>
		<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
		<script src="js/jquery.cookie.js" type="text/javascript"></script>
		<script src="js/jquery.nicescroll.js" type="text/javascript"></script>
		<script src="js/HUpages.js" type="text/javascript"></script>
		<script src="js/template.js" type="text/javascript"></script>
		<!--[if lt IE 9]>
          <script src="js/html5shiv.js" type="text/javascript"></script>
          <script src="js/css3-mediaqueries.js"  type="text/javascript"></script>
        <![endif]-->
	</head>

	<body id="pagestyle" class="backgroundf0">
		<div class="border backgroundff margin10">
			<button type="button" onclick="javascript:history.back(-1);" class="btn button_btn btn-danger" onclick=""><i class="iconfont">&#xe6c3</i>&nbsp;返回上一步</button>
		</div>
      <div class="box-module">
      	<div class="box-title">订单详细</div>
      	<div class="box-content padding15" id="order_details">
			<div class="Order_Details_style">
				<div class="Numbering clearfix">
					<span class="l_f">订单编号:<b class="colorred"><%=order[i].ordernumber%></b></span>
					<span class="r_f">付款时间：<%=timestamp(order[i].Paymenttime,'yyyy-MM-dd hh:mm')%></span>
				</div>
			</div>
			<div class="detailed_style">
				<!--收件人信息-->
				<div class="border-line  mb15">
					<div class="title-name text-left">收件人信息</div>
					<div class="info_list clearfix padding10">
						<div class="col-xs-12 col-md-3 content_look">
							<label class="label_name" > 收件人姓名： </label>
							<div class="info_data"><%=address[j].name%></div>
						</div>
						<div class="col-xs-12 col-md-3 content_look">
							<label class="label_name" > 收件人电话： </label>
							<div class="info_data"><%=address[j].phone%></div>
						</div>
						<div class="col-xs-12 col-md-3 content_look">
							<label class="label_name" > 收件地邮编： </label>
							<div class="info_data"><%=address[j].Postalcode%></div>
						</div>
						<div class="col-xs-12 col-md-12 content_look">
							<label class="label_name" > 收件地址： </label>
							<div class="info_data"><%=address[j].detailsaddress%></div>
						</div>
					</div>
				</div>
				<!--订单信息-->
				<div class="border-line mb15">
					<div class="title-name text-left">产品信息</div>
					<div class="Info_style  clearfix">
						<div class="product_info clearfix">
							<a href="#" class="img_link"><img src="images/product_img/<%=order[i].commodity[j].img%>" /></a>
							<span class="jieshao">
      <a href="#" class="name_link"><%=order[i].commodity[j].name%></a>
      <div class="clearfix color9"><span class="l_f mr15">规格：<%=order[i].commodity[j].format%></span><span>数量：<%=order[i].commodity[j].quantity%></span></div>
      <span>价格：<b class="price"><i>￥</i><%=order[i].commodity[j].price%></b></span>
      </span>
						</div>
					</div>
				</div>
				<!--总价-->
				<div class="Total_style border-line mb15">
					<div class="info_list clearfix padding10">
						<div class="col-xs-12 col-md-3 content_look">
							<label class="label_name " > 支付方式： </label>
							<div class="info_data">在线支付</div>
						</div>
						<div class="col-xs-12 col-md-3 content_look">
							<label class="label_name" > 支付状态： </label>
							<div class="info_data">
							</div>
						</div>
						<div class="col-xs-12 col-md-3 content_look">
							<label class="label_name" > 订单生成日期： </label>
							<div class="info_data"><%=timestamp(order[i].ordertime,'yyyy-MM-dd hh:mm')%></div>
						</div>
						<div class="col-xs-12 col-md-3 content_look">
							<label class="label_name" > 快递名称： </label>
							<div class="info_data"><%=order[i].kuidi%></div>
						</div>
						<div class="col-xs-12 col-md-3 content_look">
							<label class="label_name" > 发货日期： </label>
							<div class="info_data"><%=timestamp(order[i].Deliverytime,'yyyy-MM-dd hh:mm')%></div>
						</div>
						<div class="col-xs-12 col-md-3 content_look">
							<label class="label_name" > 快递单号： </label>
							<div class="info_data"><%=order[i].kuidinumber%></div>
						</div>
					</div>
					<div class="Total_m_style plf15">
						<span class="Total">总数：<b><%=order[i].quantity%></b></span>
						<span class="Total_price">总价：<b><%=order[i].Totalprice%></b>元</span>
					</div>
				</div>
				<div class="border-line mb15">
					<div class="title-name text-left">备注信息</div>
					<div class="padding15">
					</div>
				</div>
				<!--物流信息-->
				<div class="Logistics_style clearfix border-line mb15">
					<div class="title-name text-left">物流信息</div>
					<!--<div class="prompt"><img src="images/meiyou.png" /><p>暂无物流信息！</p></div>-->
					<div data-mohe-type="kuaidi_new" class="g-mohe " id="mohe-kuaidi_new">
						<div id="mohe-kuaidi_new_nucom">
							<div class="mohe-wrap mh-wrap">
								<div class="mh-cont mh-list-wrap mh-unfold">
									<div class="mh-list">
										<ul>
											<li class="first">
												<p>2015-04-28 11:23:28</p>
												<p>妥投投递并签收，签收人：他人收 他人收</p>
												<span class="before"></span><span class="after"></span><i class="mh-icon mh-icon-new"></i></li>
											<li>
												<p>2015-04-28 07:38:44</p>
												<p>深圳市南油速递营销部安排投递（投递员姓名：蔡远发<a href="tel:18718860573">18718860573</a>;联系电话：）</p>
												<span class="before"></span><span class="after"></span></li>
											<li>
												<p>2015-04-28 05:08:00</p>
												<p>到达广东省邮政速递物流有限公司深圳航空邮件处理中心处理中心（经转）</p>
												<span class="before"></span><span class="after"></span></li>
											<li>
												<p>2015-04-28 00:00:00</p>
												<p>离开中山市 发往深圳市（经转）</p>
												<span class="before"></span><span class="after"></span></li>
											<li>
												<p>2015-04-27 15:00:00</p>
												<p>到达广东省邮政速递物流有限公司中山三角邮件处理中心处理中心（经转）</p>
												<span class="before"></span><span class="after"></span></li>
											<li>
												<p>2015-04-27 08:46:00</p>
												<p>离开泉州市 发往中山市</p>
												<span class="before"></span><span class="after"></span></li>
											<li>
												<p>2015-04-26 17:12:00</p>
												<p>泉州市速递物流分公司南区电子商务业务部已收件，（揽投员姓名：王晨光;联系电话：<a href="tel:13774826403">13774826403</a>）</p>
												<span class="before"></span><span class="after"></span></li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
      	</div>
      </div>
	</body>
</html>
<script>
	$(function() {
		$("#pagestyle").Hupage({
			scrollbar: function(e) {
				e.niceScroll({
					cursorcolor: "#dddddd",
					cursoropacitymax: 1,
					touchbehavior: false,
					cursorwidth: "3px",
					cursorborder: "0",
					cursorborderradius: "3px",
				});
			},
			expand: function(thisBox, settings) {
				settings.scrollbar(thisBox); //设置当前页滚动样式
			}
		});
	});
	(function($) {
		$.getUrlParam = function(name) {
			var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
			var r = window.location.search.substr(1).match(reg);
			if(r != null) return unescape(r[2]);
			return null;
		}
	})(jQuery); //获取设置url
	
	var detailsid = $.getUrlParam('detailsid');//获取其中的参数值
	//编辑数据
		var details = function(callback) {
			$.ajax({
				url: "json/products.json",
				type: "GET",
				dataType: 'json',
				success: function(ret) {
					typeof callback == 'function' && callback(ret);
				},
			});
		};
		/*details(function(listArr){
			$.ajax({
			url: "html/order/details.html",
			type: "GET",
			dataType: "html",
			success: function(result) {
				$('body').append("<script id='detailshtml' type='text/html'>"+result+"</script\>");
				var detailshtml = $('#order_details');
		        var html = template('detailshtml', {
		           id:detailsid,
			       order: listArr.order,
			       address:listArr.address,
			       status: listArr.orderstatus
		        });
		       detailshtml.append(html);
		       $("#detailshtml").remove();//加载完毕删除模版路径
			}
		});			
		});*/
</script>
<script src="js/common.js" type="text/javascript"></script>